body,h1,h2,h3,h4,h5,ul,dl,dt,dd,li,ol,p,th,td { padding:0; margin:0; font-size:12px; font-weight:normal; color:#131314; font-family:calibri,Arial, Helvetica, sans-serif; }
ol, ul { list-style:none;}
img { border:0;}
table{ border-collapse:collapse;}

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/* ------------------------------ links ------------------------------ */
a  {text-decoration: none; color: #131314; }
a:hover {  }
body{ background:url(../images/body_bg.jpg) center top repeat-x #fff;}


header{ width:1181px;  margin:auto; position:relative; z-index:900}
header .htext{ position:absolute; top:10px; right:0; line-height:28px; color:#FFF;}
header .logo{ width:280px; height:100px; margin-top:12px; float:left;}
header nav{ float:left; width:820px; margin-left:16px; padding-top:86px;}

header nav ul li.fli{ float:left; background:url(../images/nav_li_right_bg.jpg) right center no-repeat; line-height:26px; position:relative;}
header nav ul li.fli a.fa{ padding:0 27px; font-weight:bold; display:inline; font-size:13px; color:#05532d;}
header nav ul li.fli a.fa:hover{ color: #000000;}
header nav ul li.fli .subnav{ width:160px; position:absolute; left:0; top:26px; background:#eee; padding:5px; display:none;}
header nav ul li.fli .subnav li{line-height:20px; padding-left:20px;}
header nav ul li.fli .subnav li a.la{ color:#05532d; font-size:12px;text-transform: uppercase; }
header nav ul li.fli .subnav li a.la:hover{color: #000000; font-weight:bold; text-decoration:underline;}
header nav ul li.fli .subnav li .lastnav a{ display:block; line-height:18px; color:#666;}


header .hright{ width:152px; margin-top:78px; float:right;position:relative;}
header .lang{ text-align:left;  width:219px; position:absolute; right:0; top:52px; position:absolute; right:0; top:-30px;}
header .lang img{ margin-left:4px;}
header .hright .searchbox{ border-top:1px #ccc solid;border-left:1px #ccc solid; height:20px; background:#fff; margin-top:8px;}
header .hright .searchbox input[type="text"]{ width:115px; border:0; border:none; border-right:1px #777 solid;border-bottom:1px #777 solid; float:left; margin:0; padding:2px 6px; height:15px;}
header .hright .searchbox input[type="text"]:focus{ outline:none;}
header .hright .searchbox input[type="image"]{ height:20px;}



.bodyer{ width:981px; margin:auto; overflow:hidden;}
.inprotype{}
.inprotype div a:hover{ color:#009933; font-weight:bold;}
.inprotype ul{ width:1100px;}
.inprotype ul li{ width:222px; margin-right:31px; float:left; position:relative;}
.inprotype ul li span{ display:block; height:36px; line-height:36px;}
.inprotype ul li span a:hover{ color:#009933;}
.inprotype ul li img{ width:222px; height:168px;}
.inprotype ul li div{ position:absolute; height:97px;  bottom:0; left:0; width:100%; display:none; }
.inprotype ul li div.bg1{ background:#486113; filter: alpha(opacity=80); opacity: 0.8;}
.inprotype ul li div.bg2{ background:#093350; filter: alpha(opacity=90); opacity: 0.9;}
.inprotype ul li div.bg3{ background:#a31d46; filter: alpha(opacity=80); opacity: 0.8;}
.inprotype ul li div.bg4{ background:#000; filter: alpha(opacity=50); opacity: 0.5;}
.inprotype ul li p{  height:77px; position:absolute; font-size:18px; color:#fff;bottom:0; left:0; text-transform:uppercase; padding:10px 14px;display:none; }


.innews{ width:630px; float:left;}



.intitle{ height:40px; line-height:40px; font-size:15px;}

.marquee{	
	overflow: hidden;
	width: 630px;
	height: 231px; 
}



.innews ul li{ margin-bottom:18px;}
.innews ul li img{ width:135px; height:88px; float:left;}
.innews ul li dl{ width:480px; float:left; margin-left:14px;}
.innews ul li dl dt a{ font-size:15px; line-height:30px;}
.innews ul li dl dt a:hover{ font-size:15px; line-height:30px; color:#009933; font-weight:bold;}
.innews ul li dl dd{ font-size:13px; line-height:20px;}
.innews ul li dl dd.more a{ font-weight:bold;}
.innews ul li dl dd.more a:hover{ font-weight:bold; color:#009933;}

.invideo{ width:326px; float:right;}
.invideo .intitle span{ color:#ff6102; }
.invideo .vbox{ border-top:1px #ccc solid;border-bottom:1px #ccc solid; padding:2px 0;}


footer{ background:#97c619; height:324px;}
footer .fcont{ width:1001px; margin:auto;}
footer .fcont .fbox{ float:left; width:115px; height:250px; border-right:1px #83af04 solid; margin-right:30px;}
footer .fcont .fbox.protype{ width:150px;}
footer .fcont .fbox.fcontact{ width:230px; border:0;}
footer .fcont .fbox h2{ line-height:30px;}
footer .fcont .fbox h2 a{ color:#05532d; font-size:14px; }
footer .fcont .fbox ul li { height:20px; line-height:20px;}
footer .fcont .fbox ul li a{ color:#d9d9d9;}
footer .fcont .fbox ul li a:hover{  font-weight:bold; text-decoration:underline;}
footer .fcont .fbox p{ color:#d9d9d9; line-height:20px; font-size:12px;}




.location{ height:36px; line-height:36px;color:#888888; font-size:14px;}
.location strong{ font-size:18px; font-weight:normal; color:#888888;}


.leftbox{ width:180px; float:left;}
.leftbox .newstype{}
.leftbox .newstype ul li.mli{ padding-bottom:5px;}
.leftbox .newstype ul li.mli .ma{ display:block; line-height:20px; font-size:15px; color:#05532d; text-transform:uppercase;}
.leftbox .newstype ul li.mli .ma:hover{color: #000000; font-weight:bold; text-decoration:underline;}
.leftbox .newstype ul li.mli a.focus{ color:#05532d; font-weight:bold; text-decoration:underline;}
.leftbox .newstype ul li.mli .submenu{ display:none; padding-left:10px;}
.leftbox .newstype ul li.mli .submenu li{ line-height:18px; height:18px;}
.leftbox .newstype ul li.mli .submenu li a{ color:#888888;}

.leftbox .lbox{ margin-top:30px;}
.leftbox .lbox .ltitle{ font-size:15px; color:#2c95c0;}
.leftbox .lbox .ltitle a{ font-size:15px; color:#2c95c0;}
.leftbox .lbox .ltitle a:hover{ font-size:15px; color:#2c95c0; text-decoration:underline; font-weight:bold;}
.leftbox .lbox .lcont p{ line-height:18px; color:#666666}
.leftbox .lbox .lcont a{ display:block; height:29px; background:#2c95b5; margin-top:20px; text-align:center; line-height:29px; font-size:16px; color:#fff;}

.rightbox{ width:180px; float:right; width:730px;}
.rightbox .news{ border-top:1px #666666 dotted; padding-top:20px;}
.rightbox .news ul li{ border-bottom:1px #666666 dotted; margin-bottom:20px;}
.rightbox .news ul li .img{ display:block; float:left; width:148px; height:94px;}
.rightbox .news ul li img{width:148px; height:94px;}
.rightbox .news ul li dl{ width:560px; float:right;}
.rightbox .news ul li dl dt{ line-height:30px;}
.rightbox .news ul li dl dt a{ color:#05532d; font-size:18px;}
.rightbox .news ul li dl dt a:hover{ color: #000000; font-size:18px; text-decoration:underline;}
.rightbox .news ul li dl dd{ color:#666; line-height:22px;}





.prolocation{ height:46px; line-height:46px; font-size:26px; color:#579cc4;}
.categoy{ width:981px; overflow:hidden;}
.categoy .ptline{ width:1200px;}
.categoy .ptline li{ height:0; overflow:hidden; border-bottom:1px #d4d4d4 solid; width:238px; float:left; margin-right:132px;}
.categoy .prolist{ width:1200px;}
.categoy .prolist li{width:238px; height:240px; margin-right:132px; margin-bottom:50px; float:left;}
.categoy .prolist li p{ line-height:18px; font-size:12px; margin-top:30px; color:#666666;}
.categoy .prolist li a.more{ color:#579cc4;}
.categoy .prolist li a.more:hover{ color:#579cc4;font-weight:bold;}

.product h2{ font-size:20px; line-height:36px; color:#05532d; font-weight:bold; }
.product p{ line-height:22px;}

.product ul.plist{ padding-top:30px;  width:735px;}
.product ul.plist li{width:232px; height:240px; margin-right:12px; margin-bottom:50px; float:left;}
.product ul.plist li p{ line-height:18px; font-size:12px; margin-top:30px; color:#666666; }
.product ul.plist li img{width:232px; height:140px; }
.product ul.plist li a.more{ color:#579cc4;}
.product ul.plist li a.more:hover{color:#579cc4; font-weight:bold;}

.product ul.pinfo{  width:980px;}
.product ul.pinfo li{width:168px; height:180px; margin-right:18px; margin-bottom:0; float:left;}
.product ul.pinfo li p{ line-height:18px; font-size:12px; color:#666666;}
.product ul.pinfo li img{width:168px; height:130px; }
.product ul.pinfo li a.more{ color:#579cc4;}
.product ul.pinfo li a.more:hover{color:#579cc4; font-weight:bold;}


.product table{}
.product table td{ line-height:30px;}

.projects h2{ font-size:20px; line-height:36px; color:#05532d; font-weight:bold; }
.projects p{ line-height:22px;}

.projects ul{ padding-top:20px; width:735px;}
.projects ul li{width:232px; height:190px; margin-right:12px; margin-bottom:10px; float:left;}
.projects ul li img{width:232px; height:140px; border:1px #CCCCCC solid; }
.projects ul li p{ line-height:18px; font-size:13px; margin-top:10px; color:#666666; font-weight:bold;}
.projects ul li p a:hover{color:#009933;}
.projects ul li a.more{ color:#579cc4;}


.projects table{}
.projects table td{ line-height:30px;}


.certificates h2{ font-size:20px; line-height:36px; color:#2c95b3; font-weight:bold; }
.certificates p{ line-height:22px;}

.certificates ul{ padding-top:30px; width:780px;}
.certificates ul li{width:160px; height:257px; margin-right:23px; margin-bottom:10px; float:left;}
.certificates ul li img{width:160px; height:227px; border:1px #CCCCCC solid;}
.certificates ul li p{ line-height:18px; font-size:13px; margin-top:10px; color:#666666; font-weight:bold;}
.certificates ul li a.more{ color:#579cc4;}

.certificates table{}
.certificates table td{ line-height:30px;}




.techbox{ border:1px #dedede solid; position:relative; padding:25px 10px;}

.techbox .imgleft{ position:absolute; left:22px; top:130px;}
.techbox .imgright{ position:absolute;right:22px;top:130px;}



#viewer{ width:911px; height:299px; overflow:hidden; border-left:1px #e6e6e5 solid; clear:both; margin-left:50px;}
#viewerFrame{ width:1240px; clear:both;}
#viewerFrame  li{ width:401px; height:299px; float:left; margin-left:25px;}
#viewerFrame  li img{ width:376px; height:249px;}
#viewerFrame  li span{ display:block;width:376px; overflow:hidden; line-height:20px;  text-align:left; padding-top:5px; text-align:left; }

.techbox ul li{border-right:1px #e6e6e5 solid; float:left;}

.provnext{padding:0 5px; }
.prov{ height:24px; line-height:24px; font-size:14px;color:#05532d; }
.next{ height:24px; line-height:24px;font-size:14px;color:#05532d;}
.next a,.prov a{ color:#05532d; font-weight:bold; font-size:14px;}
.next a:hover,.prov a:hover{ color: #000000; font-weight:bold; font-size:14px;}




.pager { float:right; margin:auto; text-align:center;}
.pager a, .pager span{ font-size:12px; }
.pager a { border:#999 1px solid; display:block; float:left;COLOR: #454545; MARGIN-RIGHT:2px; min-width:50px; line-height:20px; text-align:center; height:20px;text-decoration:none; background:#fff;}
.pager a:hover ,#pager a:active { border:#2C95B5 1px solid; color:#fff; background-color:#2C95B5;}
.pager span.current { display:block; float:left; border:#2C95B5 1px solid;font-weight:bold; color:#fff; margin-right:2px; background:#2C95B5;width:26px; line-height:20px; text-align:center; height:20px;}
.pager span.disabled { border:#bbb 1px solid; color:#ccc; background:#fff; margin-right:2px; display:block; float:left;width:26px; line-height:20px; text-align:center; height:20px;}





.c1{ color:#ff8c25}
.red{ color:#f10000!important;}
.green{ color:#26A006!important;}
hr{ clear:both; border:0; background:none;}
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.i2{ display:block; clear:both; height:2px; line-height:2px; font-size:2px; overflow:hidden;}
.i5{ display:block; clear:both; height:5px; line-height:5px; font-size:5px; overflow:hidden;}
.i6{ display:block; clear:both; height:6px; line-height:6px; font-size:6px; overflow:hidden;}
.i7{ display:block; clear:both; height:7px; line-height:7px; font-size:7px; overflow:hidden;}
.i8{ display:block; clear:both; height:8px; line-height:8px; font-size:8px; overflow:hidden;}
.i10{ display:block; clear:both; height:10px; line-height:10px; font-size:10px; overflow:hidden;}
.i12{ display:block; clear:both; height:10px; line-height:12px; font-size:12px; overflow:hidden;}
.i15{ display:block; clear:both; height:15px; line-height:15px; font-size:15px; overflow:hidden;}
.i20{ display:block; clear:both; height:20px; line-height:20px; font-size:20px; overflow:hidden;}
.i25{ display:block; clear:both; height:25px; line-height:25px; font-size:25px; overflow:hidden;}
.i30{ display:block; clear:both; height:30px; line-height:30px; font-size:30px; overflow:hidden;}
.i50{ display:block; clear:both; height:50px; line-height:50px; font-size:30px; overflow:hidden;}
.nobg{ background:none!important;}
.noborder{ border:none!important;}
.hidden{ display:none;}